<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,minimum-scale=1.0">
		<title>5G智能时代</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/hezuo.css" />
		<link rel="stylesheet" type="text/css" href="css/aboutUs.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<script src="js/jquery-3.3.1.min.js"></script>
		<script src="js/swiper.min.js"></script>
	</head>
	<body>
		<div class="header">
			<img src="img/logo.png" alt="">
			<ul>
				<li><a href="index.html">首页</a></li>
				<li><a href="hezuo.html">合作加盟</a></li>
				<li class="active"><a href="aboutUs.html">关于我们</a></li>
				<li><a href="callMe.html">联系我们</a></li>
			</ul>
		</div>
		<!-- Swiper -->
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
								  <img class="banner1" src="img/banner1.png" alt="">
				</div>
				<div class="swiper-slide">
								  <img class="banner2" src="img/banner2.png" alt="">
				</div>
				<div class="swiper-slide">
								  <img class="banner3" src="img/banner3.png" alt="">
				</div>
			</div>
		</div>
		<p class="hezuo_title">关于我们</p>
		<div class="callMe_main">
			<img src="img/callMe1.png" alt="">
			<div>
				        河北能手科技有限公司成立于2015年，地址在河北省会石家庄市。是一家以信用卡服务为主营业务；涵盖投资、理财、培训、保险等业务的综合金融服务体。在后期的服务中开始根据市场向支付领域侧重，开始向信用卡综合管理服务深耕；为保证有效的市场推广与专业的产品服务，我们对各级合作代理层层把关，通过系统培训、行业分析、收益详解等专业知识进行深入剖析，实现企业与用户的同发展，共进步。<br><br><br> 我们本着“诚信共赢、共同发展”的原则，用心做好产品，用行动提供优质服务，用汗水塑造未来，我们——一直在努力！
			</div>
		</div>
		<p class="hezuo_title">团队风采</p>
		<div class="callMe_bottom">
			<ul class="callMe_bottom_ul">
				<li>
					<img src="img/callMe3.png" alt="">
					<p>市场运营中心</p>
				</li>
				<li>
					<img src="img/callMe4.png" alt="">
					<p>人力资源中心</p>
				</li>
				<li>
					<img src="img/callMe5.png" alt="">
					<p>销售中心</p>
				</li>
			</ul>
		</div>
	</body>
	<script>
		$(function() {
			$.ajax({
				url:'http://192.168.0.124:80/app/resources/officialList',
				type:'post',
				data:{
					type:'20W'
				},
				success:function(res){
					$('.banner1').attr("src",res.data[0].url);
					$('.banner2').attr("src",res.data[1].url);
					$('.banner3').attr("src",res.data[2].url);
					
				}
			});	
			var swiper = new Swiper('.swiper-container', {
				pagination: {
					el: '.swiper-pagination',
					dynamicBullets: true,
				},
				observer: true, //修改swiper自己或子元素时，自动初始化swiper
				observeParents: true, //修改swiper的父元素时，自动初始化swiper
				autoplay: true,
				loop: true
			});
			if(document.body.clientWidth<=790){
				$.ajax({
					url:'http://192.168.0.124:80/app/resources/officialList',
					type:'post',
					data:{
						type:'10W'
					},
					success:function(res){
						$('.banner1').attr("src",res.data[0].url);
						$('.banner2').attr("src",res.data[1].url);
						$('.banner3').attr("src",res.data[2].url);
						
					}
				});	
			}

		})
	</script>
</html>
